<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>丹露-APP补丁管理平台</title>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
	<script src="layer/layer.js"></script>
	
	
</head>
<body>
<div class="container" style="width:100%;height:auto">
	<div class="row" style="background:url(title.png);background-size: cover;">
		<div class="col-lg-12">
			<h3 class="text-left" style="color:white">
				丹露-APP补丁管理平台
			</h3>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-12">
			<div class="panel panel-primary" style="margin-top:15px;border:1px solid #CDAF95">
				<div class="panel-heading" style="background-color:#CDAF95;border:1px solid #CDAF95">
					<h3 class="panel-title" style="font-size:23px"><span class="glyphicon glyphicon-glass"></span>APP管理</h3>
				</div>
				<button class="btn btn-info" style="float:right;margin:5px;background-color:#CD8162;border:1px solid #CDAF95;outline:none" data-toggle="modal" data-target="#myAppModal"><span class="glyphicon glyphicon-plus"></span>创建APP</button>
				<table class="table table-striped table-hover" style="margin-top:5px">
					<thead>
						<tr bgcolor="#CDAF95" >
							<th style="overflow:hidden;width:20%">APP名称</th>
							<th style="overflow:hidden;width:20%">操作系统</th>
							<th style="overflow:hidden;width:20%">APPID</th>
							<th style="overflow:hidden;width:20%">应用描述</th>
							<th style="overflow:hidden;width:20%">操作</th>
						</tr>
					</thead>
					<tbody id="appTable">
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>

<!--模态框-->
<div class="modal fade" id="myAppModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					创建APP
				</h4>
			</div>
			<div class="modal-body">
				<table style="width:60%;margin-left:70px;height:300px">
					<tr>
						<td><label style="color:red">*</label>APP名称:</td>
						<td><input type="text" class="form-control" placeholder="请输入APP名称" id="appName"></td>
					</tr>
					<tr>
						<td><label style="color:red">*</label>应用类型：</td>
						<td><select class="form-control" id="appType" ><option>android</option><option>ios</option></select></td>
					</tr>
					<tr>
						<td><label style="color:red">*</label>应用包名:</td>
						<td><input type="text" class="form-control" placeholder="请输入应用包名" id="packageName"></td>
					</tr>
					<tr>
						<td>描述:</td>
						<td><textarea style="height:100px;width:100%;resize:vertical;" class="form-control" placeholder="请输入APP描述" id="description" ></textarea></td>
					</tr>
				</table>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal" style="background-color:#999999;border:1px solid #999999;outline:none">关闭
				</button>
				<button type="button" class="btn btn-primary" style="background-color:#CD8162;border:1px solid #CDAF95;outline:none" onclick="creatApp()">
					创建
				</button>
			</div>
		</div>
	</div>
</div>

<script src="js/main.js"></script>
</body>
</html>